//  自定义、一个 v-imagerror 指令
export const imagerror = {
  // 指令对象 会在当前的 dom 元素插入到节点之后执行
  inserted(dom, options) {
    // options 是 指令中变量的解释  其中一个属性叫做 value
    // dom 表示当前指令作用的 dom 对象
    // dom 认为此时就是图片
    // 当图片有地址，但是地址没有加载成功的时候会报错  会触发图片的一个事件  =>  onerror

    dom.src = dom.src || options.value;

    dom.onerror = function() {
      // 当图片出现异常的时候，会将指令配置的默认图片设置为该图片的内容
      // dom 可以注册 error 事件
      dom.src = options.value; // 这里不能写死
      console.log(options.value);
    };
  },
  componentUpdated(dom, options) {
    dom.src = dom.src || options.value;
  }
};
